<?php

/* @var $this \yii\web\View */
/* @var $content string */

use backend\assets\AppAsset;
use backend\assets\MainAsset;
use yii\helpers\Html;
use yii\web\View;

AppAsset::register($this);
MainAsset::register($this);
$this->registerJs('$(document).ready(function(){App.init();});',View::POS_END);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>
</head>
<body class="page-header-fixed" ng-app="myApp">
<?php $this->beginBody() ?>
    <!-- BEGIN HEADER -->
    <div class="header navbar navbar-inverse navbar-fixed-top">

        <!-- BEGIN TOP NAVIGATION BAR -->

        <div class="navbar-inner">

            <div class="container-fluid">

                <!-- BEGIN LOGO -->

                <a class="brand" href="index.html">

                    <img src="/statics/image/logo.png" alt="logo">

                </a>

                <!-- END LOGO -->

                <!-- BEGIN RESPONSIVE MENU TOGGLER -->

                <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">

                    <img src="/statics/image/menu-toggler.png" alt="">

                </a>

                <!-- END RESPONSIVE MENU TOGGLER -->

                <!-- BEGIN TOP NAVIGATION MENU -->

                <ul class="nav pull-right">

                    <!-- BEGIN NOTIFICATION DROPDOWN -->

                    <li class="dropdown" id="header_notification_bar">

                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <i class="icon-warning-sign"></i>

                            <span class="badge">6</span>

                        </a>

                        <ul class="dropdown-menu extended notification">

                            <li>

                                <p>您有14条信息</p>

                            </li>

                            <li>

                                <a href="#">

                                    <span class="label label-success"><i class="icon-plus"></i></span>

                                    新用户注册
                                    <span class="time">刚刚</span>
                                </a>
                            </li>
                            <li class="external">

                                <a href="#">查看所有信息<i class="m-icon-swapright"></i></a>

                            </li>

                        </ul>

                    </li>

                    <!-- END NOTIFICATION DROPDOWN -->

                    <!-- BEGIN INBOX DROPDOWN -->

                    <li class="dropdown" id="header_inbox_bar">

                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <i class="icon-envelope"></i>

                            <span class="badge">5</span>

                        </a>

                        <ul class="dropdown-menu extended inbox">

                            <li>

                                <p>You have 12 new messages</p>

                            </li>

                            <li>

                                <a href="inbox.html?a=view">

                                    <span class="photo"><img src="/statics/image/avatar2.jpg" alt=""></span>

                                    <span class="subject">

                                    <span class="from">Lisa Wong</span>

                                    <span class="time">Just Now</span>

                                    </span>

                                    <span class="message">

                                    Vivamus sed auctor nibh congue nibh. auctor nibh

                                    auctor nibh...

                                    </span>

                                </a>

                            </li>

                            <li>

                                <a href="inbox.html?a=view">

                                    <span class="photo"><img src="/statics/image/avatar3.jpg" alt=""></span>

                                    <span class="subject">

                                    <span class="from">Richard Doe</span>

                                    <span class="time">16 mins</span>

                                    </span>

                                    <span class="message">

                                    Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh

                                    auctor nibh...

                                    </span>

                                </a>

                            </li>

                            <li>

                                <a href="inbox.html?a=view">

                                    <span class="photo"><img src="/statics/image/avatar1.jpg" alt=""></span>

                                    <span class="subject">

                                    <span class="from">Bob Nilson</span>

                                    <span class="time">2 hrs</span>

                                    </span>

                                    <span class="message">

                                    Vivamus sed nibh auctor nibh congue nibh. auctor nibh

                                    auctor nibh...

                                    </span>

                                </a>

                            </li>

                            <li class="external">

                                <a href="inbox.html">See all messages <i class="m-icon-swapright"></i></a>

                            </li>

                        </ul>

                    </li>

                    <!-- END INBOX DROPDOWN -->

                    <!-- BEGIN TODO DROPDOWN -->

                    <li class="dropdown" id="header_task_bar">

                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <i class="icon-tasks"></i>

                            <span class="badge">5</span>

                        </a>

                        <ul class="dropdown-menu extended tasks">

                            <li>

                                <p>You have 12 pending tasks</p>

                            </li>

                            <li>

                                <a href="#">

                                    <span class="task">

                                    <span class="desc">New release v1.2</span>

                                    <span class="percent">30%</span>

                                    </span>

                                    <span class="progress progress-success ">

                                    <span style="width: 30%;" class="bar"></span>

                                    </span>

                                </a>

                            </li>

                            <li>

                                <a href="#">

                                    <span class="task">

                                    <span class="desc">Application deployment</span>

                                    <span class="percent">65%</span>

                                    </span>

                                    <span class="progress progress-danger progress-striped active">

                                    <span style="width: 65%;" class="bar"></span>

                                    </span>

                                </a>

                            </li>

                            <li>

                                <a href="#">

                                    <span class="task">

                                    <span class="desc">Mobile app release</span>

                                    <span class="percent">98%</span>

                                    </span>

                                    <span class="progress progress-success">

                                    <span style="width: 98%;" class="bar"></span>

                                    </span>

                                </a>

                            </li>

                            <li>

                                <a href="#">

                                    <span class="task">

                                    <span class="desc">Database migration</span>

                                    <span class="percent">10%</span>

                                    </span>

                                    <span class="progress progress-warning progress-striped">

                                    <span style="width: 10%;" class="bar"></span>

                                    </span>

                                </a>

                            </li>

                            <li>

                                <a href="#">

                                    <span class="task">

                                    <span class="desc">Web server upgrade</span>

                                    <span class="percent">58%</span>

                                    </span>

                                    <span class="progress progress-info">

                                    <span style="width: 58%;" class="bar"></span>

                                    </span>

                                </a>

                            </li>

                            <li>

                                <a href="#">

                                    <span class="task">

                                    <span class="desc">Mobile development</span>

                                    <span class="percent">85%</span>

                                    </span>

                                    <span class="progress progress-success">

                                    <span style="width: 85%;" class="bar"></span>

                                    </span>

                                </a>

                            </li>

                            <li class="external">

                                <a href="#">See all tasks <i class="m-icon-swapright"></i></a>

                            </li>

                        </ul>

                    </li>

                    <!-- END TODO DROPDOWN -->

                    <!-- BEGIN USER LOGIN DROPDOWN -->

                    <li class="dropdown user">

                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <img alt="" src="/statics/image/avatar1_small.jpg">

                            <span class="username" user-id="<?= Yii::$app->user->identity->id?>"><?= Yii::$app->user->identity->username?></span>

                            <i class="icon-angle-down"></i>

                        </a>

                        <ul class="dropdown-menu">

                            <li><a href="extra_profile.html"><i class="icon-user"></i> My Profile</a></li>

                            <li><a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>

                            <li><a href="inbox.html"><i class="icon-envelope"></i> My Inbox(3)</a></li>

                            <li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>

                            <li class="divider"></li>

                            <li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li>

                            <li><a href="<?= \yii\helpers\Url::to(['site/logout'])?>" data-method="post"><i class="icon-key"></i>退出</a></li>

                        </ul>

                    </li>

                    <!-- END USER LOGIN DROPDOWN -->

                </ul>

                <!-- END TOP NAVIGATION MENU -->

            </div>

        </div>

        <!-- END TOP NAVIGATION BAR -->

    </div>
    <!-- END HEADER -->

    <!-- BEGIN CONTAINER -->
    <div class="page-container row-fluid">
        <!-- BEGIN SIDEBAR -->
        <div class="page-sidebar nav-collapse collapse">
            <!-- BEGIN SIDEBAR MENU -->
            <ul class="page-sidebar-menu" ng-controller="menuController">
                <li>

                    <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

                    <div class="sidebar-toggler hidden-phone"></div>

                    <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

                </li>
                <li>
                    <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
                    <form class="sidebar-search">
                        <div class="input-box">
                            <a href="javascript:;" class="remove"></a>
                            <input type="text" placeholder="请输入内容">
                            <input type="button" class="submit" value=" " >
                        </div>
                    </form>
                    <!-- END RESPONSIVE QUICK SEARCH FORM -->
                </li>

                <li ng-repeat="item in data" class="{{item.class}}">
                    <a href="javascript:;">
                        <i class="{{item.icon}}"></i>
                        <span class="title">{{item.title}}</span>
                        <span ng-show="{{item.select}}" class="{{item.select}}"></span>
                        <span ng-show="{{item.arrow}}" class="arrow open"></span>
                        <span ng-show="{{!item.arrow}}" class="arrow"></span>
                        <ul ng-show="{{item.ul}}" class="sub-menu">
                            <li ng-repeat="items in item.ul" class="{{items.class}}" ng-click="showNav(item,items)">
                                <a href="#">
                                    {{items.title}}</a>
                            </li>
                        </ul>
                    </a>
                </li>

            </ul>
            <!-- END SIDEBAR MENU -->
        </div>
        <!-- END SIDEBAR -->

        <!-- BEGIN PAGE -->
        <div class="page-content" style="min-height:998px !important">
            <!-- BEGIN PAGE CONTAINER-->
            <div class="container-fluid">
                <!-- BEGIN PAGE HEADER-->
                <div class="row-fluid">
                    <div class="span12">
                        <!-- BEGIN STYLE CUSTOMIZER -->
                        <div class="color-panel hidden-phone">
                            <div class="color-mode-icons icon-color"></div>
                            <div class="color-mode-icons icon-color-close"></div>

                            <div class="color-mode">

                                <p>THEME COLOR</p>

                                <ul class="inline">

                                    <li class="color-black current color-default" data-style="default"></li>

                                    <li class="color-blue" data-style="blue"></li>

                                    <li class="color-brown" data-style="brown"></li>

                                    <li class="color-purple" data-style="purple"></li>

                                    <li class="color-grey" data-style="grey"></li>

                                    <li class="color-white color-light" data-style="light"></li>

                                </ul>

                                <label>

                                    <span>Layout</span>

                                    <select class="layout-option m-wrap small">

                                        <option value="fluid" selected="">Fluid</option>

                                        <option value="boxed">Boxed</option>

                                    </select>

                                </label>

                                <label>

                                    <span>Header</span>

                                    <select class="header-option m-wrap small">

                                        <option value="fixed" selected="">Fixed</option>

                                        <option value="default">Default</option>

                                    </select>

                                </label>

                                <label>

                                    <span>Sidebar</span>

                                    <select class="sidebar-option m-wrap small">

                                        <option value="fixed">Fixed</option>

                                        <option value="default" selected="">Default</option>

                                    </select>

                                </label>

                                <label>

                                    <span>Footer</span>

                                    <select class="footer-option m-wrap small">

                                        <option value="fixed">Fixed</option>

                                        <option value="default" selected="">Default</option>

                                    </select>

                                </label>

                            </div>

                        </div>

                        <!-- END BEGIN STYLE CUSTOMIZER -->

                        <!-- BEGIN PAGE TITLE & BREADCRUMB-->

                        <h3 class="page-title">

                            Blank Page <small>blank page</small>

                        </h3>

                        <ul class="breadcrumb" ng-controller="urlController">

                            <li>

                                <i class="icon-home"></i>

                                <a href="#">主页</a>

                                <i class="icon-angle-right"></i>

                            </li>

                            <li>

                                <a href="#">{{Data.item.title}}</a>

                                <i class="icon-angle-right"></i>

                            </li>

                            <li><a href="{{Data.item.url}}">{{Data.items.title}}</a></li>

                        </ul>

                        <!-- END PAGE TITLE & BREADCRUMB-->

                    </div>

                </div>

                <!-- END PAGE HEADER-->

                <!-- BEGIN PAGE CONTENT-->

                <div class="row-fluid">

                    <div class="span12">

                        <?=$content?>

                    </div>

                </div>

                <!-- END PAGE CONTENT-->

            </div>

            <!-- END PAGE CONTAINER-->

        </div>

        <!-- END PAGE -->

    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN FOOTER -->
    <div class="footer">

        <div class="footer-inner">

            2016 © Yii2.0 by 高剑秋.

        </div>

        <div class="footer-tools">

                <span class="go-top">

                <i class="icon-angle-up"></i>

                </span>

        </div>

    </div>
    <!-- END FOOTER -->
<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>
